/* components/case/index.wxss */
.case_box {
    // min-height: 308rpx;
    border-radius: 16rpx;
    background: #FFFFFF;
    overflow: hidden;
    padding-bottom: 16rpx;

    .case_img {
        width: 100%;
        // height: 188rpx;
        background: #fff;

        .img {
            width: 100%;
            // height: 100%;
        }

    }

    .case_title {
        font-size: 28rpx;
        font-weight: 500;
        letter-spacing: 0rpx;
        line-height: 36.4rpx;
        color: rgba(51, 51, 51, 1);
        padding: 16rpx;
    }

    .case_footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 16rpx;

        .case_info {
            display: flex;
            align-items: center;

            .avatar {
                width: 32rpx;
                height: 32rpx;
                background: #f4f4f4;
                border-radius: 100%;
                margin-right: 8rpx;

                .img {
                    width: 32rpx;
                    height: 32rpx;
                    border-radius: 100%;
                }
            }

            .name {
                font-size: 20rpx;
                font-weight: 400;
                line-height: 19.6rpx;
                color: rgba(153, 153, 153, 1);
            }
        }

        .distance {
            font-size: 20rpx;
            font-weight: 400;
            line-height: 20rpx;
            color: rgba(153, 153, 153, 1);

        }
    }
}